<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--响应式设计-->
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<script type="text/javascript">
    window.onload = function () {
        var obt = $('.tabs');
        var odiv1 = $('.div1');
        var odiv2 = $('.div2');
        var windowwidth = window.screen.width;
        if (windowwidth <= 414) {
            obt.css('height',"38px");
            // obt.css('z-index',"99999999");
            odiv1.css('min-height',"38px")
            // odiv1.css('z-index',"99999999")
            odiv2.css('min-height',"38px")
            // odiv2.css('z-index',"99999999")
        } else if (windowwidth <= 768) {
            obt.css('height',"42px");
            // obt.css('z-index',"99999999");
            odiv1.css('min-height',"48px")
            // odiv1.css('z-index',"99999999")
            odiv2.css('min-height',"48px")
            // odiv2.css('z-index',"99999999")
        } else if (windowwidth > 768) {
            obt.css('height',"56px");
            // obt.css('z-index',"99999999");
            odiv1.css('min-height',"64px")
            // odiv1.css('z-index',"99999999")
            odiv2.css('min-height',"56px")
            // odiv2.css('z-index',"99999999")
        }
    }

</script>
<body>
<!--头部导航栏-->
<nav class="nav-extended" style="min-height: 38px;line-height: 40px;">
    <div class="nav-wrapper brown darken-3 div1" style="min-height: 38px">
        <a  th:text="鸠兹风景区" class="brand-logo center small " style="font-size: large"></a>
    </div>

    <div class="nav-content brown darken-3 div2">
        <ul class="tabs tabs-transparent">
            <li class="tab"><a th:href="@{'/mobilephone/guideindex?x='+${x}+'&y='+${y}}" id="tab2">导航功能</a></li>
            <li class="tab"><a th:href="@{'/mobilephone/introductionindex?x='+${x}+'&y='+${y}}" id="tab1">景区介绍</a></li>
            <li class="tab"><a th:href="@{'/mobilephone/featurespotindex?x='+${x}+'&y='+${y}}" id="tab3">景点介绍</a></li>
            <li class="tab"><a th:href="@{'/mobilephone/aroundindex?x='+${x}+'&y='+${y}}" id="tab4">周边服务</a></li>
        </ul>
    </div>
</nav>
